<div id="carousel-gallery" class="touchcarousel  black-and-white">  
	<ul class="touchcarousel-container">
		<li class="touchcarousel-item">
			<img src="img/gallery/1.jpg" width="601" height="400" />			
		</li>  
		<li class="touchcarousel-item">
			<img src="img/gallery/2.jpg" width="464" height="400" />			
		</li>
		<li class="touchcarousel-item">
			<img src="img/gallery/3.jpg" width="598" height="400" />			
		</li>
		<li class="touchcarousel-item">
			<img src="img/gallery/4.jpg" width="598" height="400" />			
		</li>
		<li class="touchcarousel-item">
			<img src="img/gallery/5.jpg" width="336" height="400" />			
		</li>   
		<li class="touchcarousel-item">
			<img src="img/gallery/6.jpg" width="597" height="400" />			
		</li> 			
	</ul>
</div>
		
<script type="text/javascript">
	jQuery(function($) {
		carouselInstance = $("#carousel-gallery").touchCarousel({				
			itemsPerPage: 1,				
			scrollbar: true,
			scrollbarAutoHide: true,
			scrollbarTheme: "dark",				
			pagingNav: false,
			snapToItems: false,
			scrollToLast: true,
			useWebkit3d: true,				
			loopItems: false
		}).data('touchCarousel');				
	});
</script>

</body>
</html>